<button id="btn">点击</button>
<button id="btn2">点击终止请求</button>
<script>
  let xhr = null;
  btn.onclick = function () {
    xhr = new XMLHttpRequest();
    xhr.open("get", "http://chst.vip/data/index.json");
    xhr.send(null);
    xhr.onload = function () {
      console.log(JSON.parse(xhr.responseText));
    };
    // 处理ajax请求错误的时候 可以使用onerror事件
    xhr.onerror = function (err) {
      console.log(err);
    };
    // 终止请求
    xhr.onabort = function (e) {
      alert("请求终止了");
    };
  };
  btn2.onclick = function () {
    //   中断请求
    xhr.abort();
    // 中断请求分两个步骤
    // 1.调用xhr.abort主动中断
    // 2通过xhr.onabort这个时间来监控是否被中断 如果被中断了就会触发这个函数的回调
  };
</script>
